<%@page import="Dao.FilterVisiteDao"%>
<%@page import="LogThread.WriteLog" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<% String path = request.getContextPath(); %>


    
<!DOCTYPE html>
<html lang="ko"><head>

<meta charset="utf-8">
<meta name="description" content="">
<meta name="keywords" content="펜션,예약">
<meta name="Author" content="Moon gwangjo">
<title>아라펜션에 오신것을 환영합니다.</title>
<!-- IE계열의 랜더링 모드를 최신의 버젼으로 보여줌 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!-- IE계열의 랜더링 모드를 최신의 버젼으로 보여줌 -->
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<script src="<%=path%>/js/script.js"></script>
<script src="<%=path%>/js/common.js"></script>
<script src="<%=path%>/js/jquery-1.9.1.js"></script>
<script src="<%=path%>/js/respond.min.js"></script>

<link rel="stylesheet" type="text/css" href="<%=path%>/css/mono_layout.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/mono_contents.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/common.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/mono_main.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/mono_table.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/mono_board.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/room_preview.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/style.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/style.mod.css">

	<!-- Start WOWSlider.com HEAD section -->
	<script src="<%=path%>/js/script2.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=path%>/css/style.css" />
	<script type="text/javascript" src="<%=path%>/js/jquery.js"></script>
	<!-- End WOWSlider.com HEAD section -->

<!--[if lte IE 8]>
  <link rel="stylesheet" type="text/css" href="http://h-ps011u.monowebs.co.kr/skin/main/H-PS011/image/css/mono_IE8.css" />
<![endif]-->

<!-- 객실미리보기 -->
<link rel="stylesheet" type="text/css" href="<%=path%>/css/room_preview.css">
<script src="<%=path%>/js/room_preview.js"></script>
<!-- 객실미리보기 -->

<!-- SlidesJS Required (if responsive): Sets the page width to the device width. -->
  <meta name="viewport" content="width=device-width">
  <!-- End SlidesJS Required -->

  <!-- CSS for slidesjs.com example -->
  <%-- <link rel="stylesheet" href="<%=path%>/css/example.css"> --%>
  <link rel="stylesheet" href="<%=path%>/css/font-awesome.min.css">
  <!-- End CSS for slidesjs.com example -->

  <!-- SlidesJS Optional: If you'd like to use this design -->
  <style>
    body {
      -webkit-font-smoothing: antialiased;
      font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #232525;
    }

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
  </style>
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1000px
      }
    }
  </style>
  <!-- SlidesJS Required: -->
	
 <!-- 구글지도 API -->
 <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
 <script> 
  function initialize() { 
  var myLatlng = new google.maps.LatLng(127.0299961, 37.4966811); 
  var mapOptions = { 
        zoom: 17, 
        center: myLatlng, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
  } 
  var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 
  } 
 </script>
 <!-- 구글 지도 끝 -->

<!-- 현재날짜 select -->
<script src="js/reserve_select.js" type="text/JavaScript"></script> 

<!-- 방문자 카운트 쿠키 -->
<%
	Cookie visite = null;
	boolean chk = false;
	Cookie[] cookies = request.getCookies();
	
	if(cookies != null){
		for(int i=0; i<cookies.length;i++){
			visite = cookies[i];
			if(visite.getName().equals("visited")){
				chk = true;
				break;
			}
		}
	}
	if(!chk){
		visite = new Cookie("visited","checked");
		FilterVisiteDao dao = new FilterVisiteDao();
		WriteLog log = new WriteLog();
		
		String ip = request.getRemoteAddr();
		String visitechk = "0";
		
		visite.setMaxAge(14*60*60);
		visite.setPath("/");
		response.addCookie(visite);
		
		dao.InsertData(visitechk);
		log.make_log(visitechk, ip);
		
		System.out.println("시간," + visitechk + "," + ip + " Insert&로그저장(쿠키 14시간)\n");
	}
%>




</head>
<body marginwidth="0" marginheight="0">
<script type="text/javascript">
// 네비 사이즈 및 위치변경 시작
$(function(){
	$(".snavi").css("top",29);

	if(window.ActiveXObject){
		// IE이면...
		var nav_width = 1000;
	}else{
		// IE가 아니면...
		var nav_width = $("#nav").width();
	}
	var mnavi_length = $("#mnavi>li").length;
	var mnavi_width = nav_width/mnavi_length;
	var mnavi_left = 0;
	var a_width = $(".snavi>li>a").width()+6;/* 여기서 width()+ 뒤에 오는 숫자는 CSS에서 .snavi>li>a의 좌우 패딩값을 합한것입니다. CSS 좌우 패딩 변경시 필히 여기도 계산해서 바꿔주세요 */

	$("#mnavi>li").each(function(i){
		$(this).width(mnavi_width);
		mnavi_left += mnavi_width;
		var snavi_length = $("#smenu"+(i+1)+">li").length;
		var snavi_width = a_width*snavi_length;
		var snavi_left = mnavi_left-mnavi_width;

		$("#smenu"+(i+1)).width(snavi_width);
		$("#smenu"+(i+1)).css("left",(snavi_left+mnavi_width/2)-snavi_width/2);
		if(parseInt($("#smenu"+(i+1)).css("left"))+$("#smenu"+(i+1)).width() >= nav_width){/* 서브네비가 전체 가로사이즈를 넘어갈경우 우측정렬 */
			$("#smenu"+(i+1)).css("left",nav_width-snavi_width);
		}else if(parseInt($("#smenu"+(i+1)).css("left"))<0){
			$("#smenu"+(i+1)).css("left",0);
		};
	});

	$("#mnavi>li").hover(function(){
		$(".snavi").animate({top:29,opacity:"+=10"},200,"swing",function(){});
	},function(){
		$(".snavi").hide;
		$(".snavi").css("top",20);
	})
})
// 네비 사이즈 및 위치변경 끝

// TOP버튼 시작
$(document).ready(function(){
	$("#btn_top").hide();
	//alert($(window).height());  // 윈도우 크기 현재 창
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 500) { // 스크롤 내린 크기
				$('#btn_top').fadeIn();
			} else {
				$('#btn_top').fadeOut();
			}
		});
		$('#btn_top').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 500); // 애니메이션 속도 작을 수록 빨라요~
			return false;
		});
	});
});
// TOP버튼 끝

// 실시간객실예약 시작

function WinReserve() {
	window.open('<%=path%>/reservepage.rv', 'reserve', 'width=700,height=650,menubar=no,resizable=no,location=no,status=no,scrollbars=yes,toolbar=no');
}
function searchReserve() {
	var f = document.search_reserve_fm;
	var url = "http://h-ps011u.monowebs.co.kr/reserve/index.php?mode=reserve_form&year="+f.year.value+"&month="+f.month.value+"&day="+f.day.value+"&days="+f.days.value+"&person="+f.person.value;
	window.open(url, 'reserveframe', 'width=700,height=650,menubar=no,resizable=no,location=no,status=no,scrollbars=yes,toolbar=no');
}

// 실시간객실예약 끝
</script>
<div id="wrap">
  <div id="header">
		
  	<h1></h1>
  	<a href="<%=path%>/index.jsp" id="logo" title=" 메인페이지로 이동합니다."><img src="<%=path%>/images/main_title.jpg" alt=""></a>
    <div id="nav">
    	<h2> 메뉴</h2>
      <ul id="mnavi"><li style="width: 142.85714285714286px;"><a href="<%=path%>/prologue.jsp" target="_self">PROLOGUE</a>
	<ul id="smenu1" class="snavi" style="top: 29px; width: 76px; left: 33.42857142857143px; opacity: 11;">
		<li><a href="<%=path%>/prologue.jsp" target="_self">인사말</a></li>
	</ul>
</li>
<li style="width: 142.85714285714286px;"><a href="<%=path%>/service.jsp" target="_self">SERVICE</a>
	<ul id="smenu2" class="snavi" style="top: 29px; width: 76px; left: 176.28571428571428px; opacity: 11;">
		<li><a href="<%=path%>/service.jsp" target="_self">서비스보기</a></li>

	</ul>
</li>
<li style="width: 142.85714285714286px;"><a href="<%=path%>/roompreview.rm" target="_self">ROOM PREVIEW</a>
	<ul id="smenu3" class="snavi" style="top: 29px; width: 380px; left: 167.1428571428571px; opacity: 11;">
<li><a href="<%=path%>/roompreview.rm" target="_self">객실보기</a></li>
<li><a href="<%=path%>/swim.jsp" target="_self">펜션외부</a></li>


	</ul>
</li>
<li style="width: 142.85714285714286px;"><a href="<%=path%>/travelguide.jsp" target="_self">TRAVEL GUIDE</a>
	<ul id="smenu4" class="snavi" style="top: 29px; width: 152px; left: 424px; opacity: 11;">
<li><a href="<%=path%>/travelguide.jsp" target="_self">주변관광지</a></li>


	</ul>
</li>
<li style="width: 142.85714285714286px;"><a href="<%=path%>/trafficguide.jsp" target="_self">TRAFFIC GUIDE</a>
	<ul id="smenu5" class="snavi" style="top: 29px; width: 76px; left: 604.8571428571429px; opacity: 11;">
		<li><a href="<%=path%>/trafficguide.jsp" target="_self">오시는길</a></li>

	</ul>
</li>
<li style="width: 142.85714285714286px;"><a href="<%=path%>/reservation_total.jsp" target="_self">RESERVATION</a>
	<ul id="smenu6" class="snavi" style="top: 29px; width: 152px; left: 709.7142857142858px; opacity: 11;">
		<li><a href="<%=path%>/reservation_total.jsp" target="_self">종합안내</a></li>
<li><a href="javascript:WinReserve()" target="_self">실시간예약</a></li>

	</ul>
</li>
<li style="width: 142.85714285714286px;"><a href="<%=path%>/community_notice.rboard" target="_self">COMMUNITY</a>
	<ul id="smenu7" class="snavi" style="top: 29px; width: 304px; left: 696px; opacity: 11;">
	<li><a href="<%=path%>/community_notice.rboard" target="_self">이용후기</a></li>
<!-- <li><a href="http://h-ps011u.monowebs.co.kr/board/index.php?board=reviewboard&amp;code=reviewboard" target="_self">이용후기</a></li> -->
<li><a href="<%=path%>/Qcommunity_notice.rboard" target="_self">이용문의</a></li>

	</ul>
</li>
</ul>
			<div class="navi_line"></div>
    </div>
  </div>